<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表引入方式</title>
		<style>
			/* css3注释 */
			/* css3样式写法
			 
			 
			 选中一个元素  给元素添加效果--表示：一个样式
			 语法：选择器{
				 属性： 属性值；
				 属性： 属性值；
			 }
			 */
			p{
			     width: 200px;/*万维网联盟w3c定制的语法规则;*/
				height: 200px;
				background: #e4393c;
			}
		</style>
	</head>
	<body>
		<!-- 1.内联样式表  语法:style="属性：属性值；属性：属性值" -->
		<!-- 很少使用 css出现目的：实现内容与表现分离 -->
		<div style="width: 200px;height: 200px;background:red"></div>
		<!-- 2.内部样式表  语法： head元素中  加style元素--加属性与属性值 -->
		<!-- 较少使用，主要是用过练习，没有完全实现内容与表现分离 -->
		<p></p>
	</body>
</html>